{% load wagtailcore_tags navigation_tags wagtailuserbar %}

<header>
    <a href="#main" class="skip-link">Skip to content</a>

    {% get_site_root as site_root %}
    <nav>
        <p>
            <a href="{% pageurl site_root %}">Home</a> |
            {% for menuitem in site_root.get_children.live.in_menu %}
                <a href="{% pageurl menuitem %}">{{ menuitem.title }}</a>{% if not forloop.last %} | {% endif %}
            {% endfor %}

            | <a href="/search/">Search</a>
        </p>
    </nav>

    {% wagtailuserbar "top-right" %}
</header>